.central{
    width: calc(100vw - 20px);
    height: 100px;
    background-color: red;
    margin: 0 auto;
    border-radius: 20px;
    margin-top: -40px;
    display: flex;
    align-items: center;
}
.central-a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;

}
.central-b{
    width: 45px;
    height: 50px;
    background-image: url("./nav.png");
    background-position: -17px -15px;

}
.central-c{
    width: 58px;
    height: 60px;
    background-image: url("./nav.png");
    background-position: -11px  -94px
}
.central-d{
    width: 58px;
    height: 60px;
    background-image: url("./nav.png");
    background-position: -11px -170px;

}
.central-e{
    width: 60px;
    height: 60px;
    background-image: url("./nav.png");
    background-position: -10px -255px;

}
.central-f{
    width: 60px;
    height: 60px;
    background-image: url("./nav.png");
    background-position: -12px -330px;

}
.centralx{
    height: 300px;
    width: calc(100vw - 20px);
    margin: 20px auto;
    background-color: aqua;
    border-radius: 20px;
    overflow: hidden;
}
.centralx-a1{
    display: flex;
    height: 100px;
    background: linear-gradient(to right, #fa5956, #fb8650 54%);
}
.centralx-a1-a{
    padding-left:10px;
    display: flex;
    align-items: center;
    width: 35%;
    background-image: url('./hotail.png');
    background-repeat: no-repeat;
    background-size: 73px auto;
    background-position: right bottom;
}
.centralx-a1-b{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    border-left:1px solid white;
    border-right:1px solid white;
    background-image: url('./hotail-half.png');
    background-repeat: no-repeat;
    background-size: 37px auto;
    background-position: left bottom; 
}
.centralx-a1-c{
    display: flex;
    align-items: center;
    width: 40%;
    align-items: center;
    justify-content: center;
}
.centralx-a2{
    display: flex;
    height: 100px;
    background: linear-gradient(to right, #5f09ce, #8496e5 54%);
}
.centralx-a2-a{
    padding-left:10px;
    display: flex;
    align-items: center;
    width: 35%;
    background-image: url("./plane.png");
    background-repeat: no-repeat;
    background-size: 73px auto;
    background-position: right bottom;
    border-top:1px solid white ;
    border-bottom:1px solid white ;

}
.centralx-a2-b{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    border: 1px solid white;
    background-image: url("./cloud.png");
    background-repeat: no-repeat;
    background-size: 37px auto;
    background-position: left bottom;
}
.centralx-a2-c{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.centralx-a2-d{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.centralx-a3{
    display: flex;
    height: 100px;
    background: linear-gradient(to right, #10b642, #9de615 54%);
}
.centralx-a3-a{
    padding-left:10px;
    display: flex;
    align-items: center;
    width: 35%;
    background-image: url("./chair.png");
    background-repeat: no-repeat;
    background-size: 73px auto;
    background-position: right bottom;
}
.centralx-a3-b{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    background-image: url("./chair-half.png");
    border-left: 1px solid white;
    border-right: 1px solid white;
    background-repeat: no-repeat;
    background-size: 37px auto;
    background-position: left bottom; 
}
.centralx-a3-c{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    border-right: 1px solid white;
}
.centralx-a3-d{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
}